<script setup>

</script>

<template>
     <div class="box">
        <div class="title">校园易购(骑手端)</div>
        <div class="nr">
            <div class="cd">
                <RouterLink to="/ddc">订单池</RouterLink>
                <RouterLink to="/dps">待配送</RouterLink>
                <RouterLink to="/psz">配送中</RouterLink>
                <RouterLink to="/ywc">已完成</RouterLink>
                <RouterLink to="">投诉</RouterLink>
            </div>
            <RouterView></RouterView>
        </div>
        <div class="end">
            <RouterLink to="/"><div>首页</div></RouterLink>
            <RouterLink to="/wode"><div>我的</div></RouterLink>
        </div>
    </div>
</template>

<style scoped>

.cd{
    padding: 10px;
    display: flex;
    justify-content: space-around;
}
.nr{
    background-color: #e4e4e4;
    padding: 10px;
}
a{
    color: black;
    text-decoration: none;
}
.end{
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-top: #ccc 1px solid;
}
.title{
    font-size: 20px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    padding: 10px;
    border-bottom: #ccc 1px solid;
}
.box{
    width: 375px;
    border: 1px #ccc solid;
    margin: 0 auto;
}
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    }
</style>
